<template>
	<view class="recordStatus-container">
		<view class="recordStatus-con">
			<view class="recordStatus-top">
				<image class="recordStatus-icon" src="../static/icon_status1.png" mode=""></image>
				<text class="recordStatus-text">未通过</text>
				<text class="recordStatus-tip">球杆认证审核中，请耐心等待...</text>
			</view>
			<view class="">
				<view class="list-con">
					<view class="item-box">
						<text class="item-text">序列号：</text>
						<text class="item-value">dasw2154vg65132132</text>
					</view>
					<view class="item-box">
						<text class="item-text">型号：</text>
						<text class="item-value">JAWS FULL TOE挖起杆</text>
					</view>
					<view class="item-box">
						<text class="item-text">申请时间：</text>
						<text class="item-value">2023-05-19 17:40</text>
					</view>
					<view class="item-box">
						<text class="item-text">状态：</text>
						<text class="item-value">待审核</text>
					</view>
					<view class="item-three-box">
						<text class="item-text">未通过原因：</text>
						<text class="item-value">这是未通过原因，文字文字文字这是未通过原因，文字文字文字</text>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		}
	}
</script>

<style lang="scss" scoped>
	.recordStatus-container {
		
		.recordStatus-con {
			padding: 0 80rpx;
			.recordStatus-top {
				display: flex;
				align-items: center;
				justify-content: center;
				flex-direction: column;
				padding-bottom: 80rpx;
				border-bottom: 1rpx solid #DADADA;
				.recordStatus-icon {
					width: 151rpx;
					height: 117rpx;
					margin-top: 140rpx;
				}
				.recordStatus-text {
					font-size: 38rpx;
					font-family: Microsoft YaHei;
					font-weight: 400;
					color: #333333;
					margin-top: 39rpx;
				}
				.recordStatus-tip {
					font-size: 28rpx;
					font-family: Microsoft YaHei;
					font-weight: 400;
					color: #8B8F93;
					margin-top: 28rpx;
				}
			}
			.list-con {
				display: flex;
				flex-direction: column;
				margin-top: 20rpx;
				padding: 40rpx 30rpx;
				background-color: #fff;
				.item-box {
					display: flex;
					align-items: center;
					justify-content: space-between;
					font-size: 30rpx;
					font-family: Microsoft YaHei;
					font-weight: 400;
					&:not(:first-child) {
						margin-top: 40rpx;
					}
					.item-text {
						color: #8B8F93;
					}
					.item-value {
						color: #333333;
					}
				}
				.item-three-box {
					display: flex;
					justify-content: space-between;
					color: #FF2233;
					margin-top: 40rpx;
					.item-text {
						width: 200rpx;
					}
					.item-value {
						margin-left: 70rpx;
						width: calc(100% - 270rpx);
					}
				}
			}
		}
	}
</style>